text types?

[Dale]

Hi!

Here are some of my use of h1 and h2 text.

<h1>Dale's Website</h1>

<h2 style="color: #818285;">Discovering Metaphysics ...</h2>

I found that I can use h1 to h6 text.

What are options for non-header text?

I have been mainly using <p> paragraph style.

I saw p1,p2,p3 on W3 Schools. How many <p> styles are there?

https://www.w3schools.com/css/css_font.asp

I am kind of confused about using a paragraph style for a line style.

I have some of my edited PDF files I am changing to HTML.

I have some PDF files that I didn't edit that I will have to do
something like change them to .jpeg/etc.


--
Mystery? -> https://www.dalekelly.org/

[😉 Good Guy 😉]

On 05/03/2022 18:56, Dale wrote:

I have been mainly using <p> paragraph style.

I saw p1,p2,p3 on W3 Schools. How many <p> styles are there?

Only one actually.!! The link you posted are simply styles defined for classes p1, p2. p3 etc. There is a dot before class name e.g .p1, .p2 and .p3

Arrest

Dictator Putin

--
Similar to Windows 11 Home edition, Windows 11 Pro edition now requires internet connectivity during the initial device setup (OOBE) only. If you choose to setup device for personal use, MSA will be required for setup as well. You can expect Microsoft Account to be required in subsequent WIP flights.

Now this is not the end. It is not even the beginning of the end. But it is, perhaps, the end of the beginning

[Dale]

looking for sentence types, not headers or lines

[Jack Lemmon]

<https://groups.google.com/g/alt.html/c/TiPtYm5hzMA/m/g5kIKvxSIAAJ>
<https://groups.google.com/g/alt.html/c/TiPtYm5hzMA/m/g5kIKvxSIAAJ>
<https://groups.google.com/g/alt.html/c/TiPtYm5hzMA/m/g5kIKvxSIAAJ>
<https://groups.google.com/g/alt.html/c/TiPtYm5hzMA/m/g5kIKvxSIAAJ>

[Jukka K. Korpela]

Dale wrote

> looking for sentence types, not headers or lines

If that’s what you really want, use <span> with a suitable class.
Example: <span class=sentence>Hello world!</span>

There is no sentence concept in HTML, so to make a sentence an element
(and hence styleable), you need to use inline (text-level) markup, and
<span> is the inline element with no defined meaning (and no default
effect on styling).

I don’t quite see what you would do with markup and styling for
sentences, though.

If your real question is still different, try asking it concisely with a
concrete example (piece of text and description of desired stylistic
effects).

[Dale]

if you are going to have a paragraph shouldn't there be sentences?

HTML6?

[David E. Ross]

I have never seen a paragraph element with a number. That is, I have
never seen <p1>, <p2>, etc.

My paragraphs contain sentences without any need for additional markup.
Instead, my paragraphs contain character strings. Some strings begin
with an upper-case letter and end with a period. I can have more than
one such string in a paragraph.

--
David E. Ross
"A Message to Those Who Are Not Vaccinated"
See my <http://www.rossde.com/index.html#vaccine>.

[JJ]

On Sat, 5 Mar 2022 13:56:25 -0500, Dale wrote:
>
> I saw p1,p2,p3 on W3 Schools. How many <p> styles are there?
>
> https://www.w3schools.com/css/css_font.asp

Those p1, p2, p3 are not styles. They're class names which are user defined.

The available styles for any renderable tags are quite numerous.

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#index

And while p1, p2, p3 are not part of the standard tags, they can be used as
tags. They will be treated like SPAN tag but having different tag name. e.g.

<p1>p1 content</p1> <p2>p1 content <p3>p3 content</p3></p2>

> I am kind of confused about using a paragraph style for a line style.

P tag reserves the entire line for its own content, because it's a block
style element. If a text in it doesn't fill the whole line (or the last
line, if the P tag contents requires more than one line), any text after the
P tag (enclosed with a tag or not), will start from a new line, instead of
continuing from the free space of the previous line.

SPAN tag is an inline style element, where any inline element following it,
will continue from the end of the last line of the previous SPAN tag. It's
basically same as not enclosing the text with any tag at all, in terms of
placement of the starting text.

[Arno Welzel]

Dale:

> <h1>Dale's Website</h1>
>
> <h2 style="color: #818285;">Discovering Metaphysics ...</h2>
>
> I found that I can use h1 to h6 text.

Yes - for level 1 heading to level 6 heading.

> What are options for non-header text?
>
> I have been mainly using <p> paragraph style.
>
> I saw p1,p2,p3 on W3 Schools. How many <p> styles are there?

None. <p> is for "paragraph". There is no <p1>, <p2> etc.

Also see: <https://html.spec.whatwg.org/#toc-semantics>

> https://www.w3schools.com/css/css_font.asp
>
> I am kind of confused about using a paragraph style for a line style.

There is no "paragraph style".

There also styles.

Styles can be applied to HTML elements.

There are inline HTML elements and block leven HTML elements.

Elements like h1...h6, p, div are block level elements because the
create an new block in the document.

Elements like em, b, span are inline elements as the only apply to text
inside a block.

> I have some of my edited PDF files I am changing to HTML.

Then you should first learn about what HTML really is and how to use CSS
to style it.



--
Arno Welzel
https://arnowelzel.de

[Lewis]

In message <j8kc3o...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
> There is no "paragraph style".

Sure there is. It is the styling that browsers apply to <p></p> blocks.

Put this in an HTML page and see how it looks.

#v+
This is a test
This is a test
This is a test

<p>this is a p test</p>
<p>this is a p test</p>
<p>this is a p test</p>
#v-

Very different.

> Styles can be applied to HTML elements.

Many HTML elements have inherent styling, <p> and the <h#> tags, for
example. You can override the styles, but they have styles.

> There are inline HTML elements and block leven HTML elements.

And those are also styles, and you can make an inline style into a block
style.

> Elements like h1...h6, p, div are block level elements because the
> create an new block in the document.

And can be made inline instead of blocks.

> Elements like em, b, span are inline elements as the only apply to text
> inside a block.

#v+
<p>this is a strong <strong>test</strong></p>
<p>this is a strong <strong style="display:block">test</strong></p>
#v-

--
"Are you pondering what I'm pondering?"
"I think so, Brain, but can you use the word 'asphalt' in polite
society?"

[Arno Welzel]

Lewis:

> In message <j8kc3o...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>> There is no "paragraph style".
>
> Sure there is. It is the styling that browsers apply to <p></p> blocks.

This is not a "style" - <p> is the *element* and it has some default
style propertites.

But there is no CSS rule for "make it look like a <p> element" and
therefore no "paragraph style". CSS just provides styles which are
applied to elements.

[David E. Ross]

At one time, Mozilla browsers -- Firefox and SeaMonkey -- had built-in
default styles for all HTML elements. The Mozilla Web site contained a
huge CSS file where anyone could see those defaults. That CSS file was
not a separate part of the installed browser. Instead, the styles were
internal to the browser. I do not know if this is still true.

[Arno Welzel]

David E. Ross:

> On 3/7/2022 4:55 AM, Arno Welzel wrote:
>> Lewis:
>>
>>> In message <j8kc3o...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>>>> There is no "paragraph style".
>>>
>>> Sure there is. It is the styling that browsers apply to <p></p> blocks.
>>
>> This is not a "style" - <p> is the *element* and it has some default
>> style propertites.
>>
>> But there is no CSS rule for "make it look like a <p> element" and
>> therefore no "paragraph style". CSS just provides styles which are
>> applied to elements.
>
> At one time, Mozilla browsers -- Firefox and SeaMonkey -- had built-in
> default styles for all HTML elements. The Mozilla Web site contained a
> huge CSS file where anyone could see those defaults. That CSS file was
> not a separate part of the installed browser. Instead, the styles were
> internal to the browser. I do not know if this is still true.

This is still the case, every HTML element has a set of default styles.
You can easily examine this by using the "web developer tools" in
Firefox or Chrome.

For example in Chromium based browsers:

p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

But this is not a "paragraph style". It's just a style which applies to
<p> elements. Exactly the same style can also be applied to <div> or
<h1> if you want to:

div {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

h1 {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

And if you name the style with a class name you can use it whenever you
want:

.default {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

And using this:

<div class="default">Some text in "default" style.</div>

[Lewis]

In message <j8mdla...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
> Lewis:

>> In message <j8kc3o...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>>> There is no "paragraph style".
>>
>> Sure there is. It is the styling that browsers apply to <p></p> blocks.

> This is not a "style" - <p> is the *element* and it has some default
> style propertites.

There is a paragraph style, it is the style that is used with the <p>
tag.

> But there is no CSS rule for "make it look like a <p> element"

Of course there is.

This is the <p> style:

display: block;
margin: 1em 0 1em 0;


--
Anybody who could duck the Vietnam war can certainly duck a couple of
shoes.

[Helmut Richter]

On Mon, 7 Mar 2022, Arno Welzel wrote:

> David E. Ross:

> > At one time, Mozilla browsers -- Firefox and SeaMonkey -- had built-in
> > default styles for all HTML elements. The Mozilla Web site contained a
> > huge CSS file where anyone could see those defaults. That CSS file was
> > not a separate part of the installed browser. Instead, the styles were
> > internal to the browser. I do not know if this is still true.

This feature is at the same time very useful and very awkward for beginners
who want to produce readable nice-looking web pages – not fancy ones with all
gimmicks – without studying more details of CSS than they need for the
purpose:

– It is useful because the default styles are a good starting point. If you
write no CSS at all, you get already a web page looking somewhat
old-fashioned but readable. <p> or <ul> have default styles that do the job
well.

– It is awkward because *if* you write CSS (e.g. for tables where the default
style will not work for all the different types of tables), your
specifications mix with the specifications of the default style. So you are
in fact forced to specify *all* possible parameters lest you be surprised
by their default values.

> This is still the case, every HTML element has a set of default styles.
> You can easily examine this by using the "web developer tools" in
> Firefox or Chrome.
>
> For example in Chromium based browsers:
>
> p {
> display: block;
> margin-block-start: 1em;
> margin-block-end: 1em;
> margin-inline-start: 0px;
> margin-inline-end: 0px;
> }

What have I to do to see that? “use” the web developer tools is a bit fuzzy.

--
Helmut Richter

[Philip Herlihy]

In article <alpine.DEB.2.22.394.2203080947140.2172@kiboko2>, hr.u...@email.de
says...
>
...

>
> > This is still the case, every HTML element has a set of default styles.
> > You can easily examine this by using the "web developer tools" in
> > Firefox or Chrome.
> >
> > For example in Chromium based browsers:
> >
> > p {
> > display: block;
> > margin-block-start: 1em;
> > margin-block-end: 1em;
> > margin-inline-start: 0px;
> > margin-inline-end: 0px;
> > }
>
> What have I to do to see that? “use” the web developer tools is a bit fuzzy.

If using Chrome (Edge and Mozilla are similar) then google "developer tools
Chrome" and pick the Videos tab. Loads of offerings there.

--

Phil, London

[Arno Welzel]

Helmut Richter:

> On Mon, 7 Mar 2022, Arno Welzel wrote:
>
>> David E. Ross:
>
>>> At one time, Mozilla browsers -- Firefox and SeaMonkey -- had built-in
>>> default styles for all HTML elements. The Mozilla Web site contained a
>>> huge CSS file where anyone could see those defaults. That CSS file was
>>> not a separate part of the installed browser. Instead, the styles were
>>> internal to the browser. I do not know if this is still true.
>
> This feature is at the same time very useful and very awkward for beginners
> who want to produce readable nice-looking web pages – not fancy ones with all
> gimmicks – without studying more details of CSS than they need for the
> purpose:
>
> – It is useful because the default styles are a good starting point. If you
> write no CSS at all, you get already a web page looking somewhat
> old-fashioned but readable. <p> or <ul> have default styles that do the job
> well.
>
> – It is awkward because *if* you write CSS (e.g. for tables where the default
> style will not work for all the different types of tables), your
> specifications mix with the specifications of the default style. So you are
> in fact forced to specify *all* possible parameters lest you be surprised
> by their default values.

Or you just put a "reset" or "normalize" section at the beginning of
your CSS.

>> This is still the case, every HTML element has a set of default styles.
>> You can easily examine this by using the "web developer tools" in
>> Firefox or Chrome.
>>
>> For example in Chromium based browsers:
>>
>> p {
>> display: block;
>> margin-block-start: 1em;
>> margin-block-end: 1em;
>> margin-inline-start: 0px;
>> margin-inline-end: 0px;
>> }
>
> What have I to do to see that? “use” the web developer tools is a bit fuzzy.

Create a basic HTML file with some elements and open it.

Press F12.

Switch to "Elements" tab and select an element in the document HTML tree
on the left. On the right you should see the CSS rulesfor this element.

[Arno Welzel]

Lewis:

> In message <j8mdla...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>> Lewis:
>
>>> In message <j8kc3o...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>>>> There is no "paragraph style".
>>>
>>> Sure there is. It is the styling that browsers apply to <p></p> blocks.
>
>> This is not a "style" - <p> is the *element* and it has some default
>> style propertites.
>
> There is a paragraph style, it is the style that is used with the <p>
> tag.

No - the other way around: paragraphs have styles.

>> But there is no CSS rule for "make it look like a <p> element"
>
> Of course there is.

No.

> This is the <p> style:
>
> display: block;
> margin: 1em 0 1em 0;

No - this is not "make me it like a <p> element". This is just, what it
says: use block layout and specific margins. And if <p> looks the same
like this style even depends on the browser.

[Lewis]

Depends on your browser and/or development environment, but the defaults
er specified in the w3 documentation, IIRC. Generally I can tell what
the default is for a tag, if there is one, just by having used the tag.
Perhaps not the exact values, but which styles it is setting (h tags use
bold, for example).


--
Oh no, I hate big buts and I cannot lie

[Lewis]

Feel free to wallow in your willful ignorance. Good luck with that.

--
24 hour banking? I don't have time for that.

[Arno Welzel]

Lewis:

> In message <j8pf60...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>> Lewis:

[...]

>>> This is the <p> style:
>>>
>>> display: block;
>>> margin: 1em 0 1em 0;
>
>> No - this is not "make me it like a <p> element". This is just, what it
>> says: use block layout and specific margins. And if <p> looks the same
>> like this style even depends on the browser.
>
> Feel free to wallow in your willful ignorance. Good luck with that.

Same to you. You will no find any part in the specification of CSS which
defines "paragraph style".

[David E. Ross]

As cited earlier in this thread, each browser has its own default
paragraph "style", which is not in any CSS file, header element, or
element attribute. On SeaMonkey's menu bar, I can select [View > Use
Style > None] to view a Web page using only that browser's default
"styles".

Note that the HTML 4 and HTML 5 specifications do not indicate any style
for the <p> element. That is why the developers of each browser are
free to define a default "style" for <p>.

I use quotes above because the defaults are NOT CSS styles.

[Arno Welzel]

David E. Ross:

> On 3/10/2022 9:16 AM, Arno Welzel wrote:
>> Lewis:
>>
>>> In message <j8pf60...@mid.individual.net> Arno Welzel <use...@arnowelzel.de> wrote:
>>>> Lewis:
>> [...]
>>>>> This is the <p> style:
>>>>>
>>>>> display: block;
>>>>> margin: 1em 0 1em 0;
>>>
>>>> No - this is not "make me it like a <p> element". This is just, what it
>>>> says: use block layout and specific margins. And if <p> looks the same
>>>> like this style even depends on the browser.
>>>
>>> Feel free to wallow in your willful ignorance. Good luck with that.
>>
>> Same to you. You will no find any part in the specification of CSS which
>> defines "paragraph style".
>
> As cited earlier in this thread, each browser has its own default
> paragraph "style", which is not in any CSS file, header element, or

Yes - but this is not a "CSS paragraph style"! CSS does not care for
which element styles are used for and there is not CSS style "display:
paragraph" or similar.

> I use quotes above because the defaults are NOT CSS styles.

Correct - and this is all a talk about! Of course I *never* said, that
<p> elements don't have default styles!

[Dale]

On 3/6/2022 4:38 AM, Stefan Ram wrote:
> r...@zedat.fu-berlin.de (Stefan Ram) writes:


> ... we can write
>
> <dl><dt>alpha</dt><dd><dl>
> <dt>beta</dt>
> <dd>text</dd></dl></dd></dl>
> ...


multiple tabs?

<br> in between?

[David E. Ross]

On 3/11/2022 9:48 AM, Dale wrote:
> On 3/6/2022 4:38 AM, Stefan Ram wrote:
>> r...@zedat.fu-berlin.de (Stefan Ram) writes:
>
>> ... we can write
>>
>> <dl><dt>alpha</dt><dd><dl>
>> <dt>beta</dt>
>> <dd>text</dd></dl></dd></dl>
>> ...
> multiple tabs?
>
> <br> in between?
>

Not tabs at all.

The element <dl> </dl> is for a list of definitions. The element <dt>
</dt> contains a term being defined. The element <dd> </dd> contains a
definition. To see an example, see my
<http://www.rossde.com/internet/intr_gloss.shtml>.

[Dale]

On 3/11/2022 3:38 PM, David E. Ross wrote:
> On 3/11/2022 9:48 AM, Dale wrote:
>> On 3/6/2022 4:38 AM, Stefan Ram wrote:
>>> r...@zedat.fu-berlin.de (Stefan Ram) writes:
>>
>>> ... we can write
>>>
>>> <dl><dt>alpha</dt><dd><dl>
>>> <dt>beta</dt>
>>> <dd>text</dd></dl></dd></dl>
>>> ...
>> multiple tabs?
>>
>> <br> in between?
>>
>
> Not tabs at all.
>
> The element <dl> </dl> is for a list of definitions. The element <dt>
> </dt> contains a term being defined. The element <dd> </dd> contains a
> definition. To see an example, see my
> <http://www.rossde.com/internet/intr_gloss.shtml>.
>

Thank you.

I know how to use a style to text-align center, left, or right.

I'm looking for how to use tabs

within these I would like to use something like <br>

[Philip Herlihy]

In article <t0ggh1$kp0$1...@dont-email.me>, da...@dalekelly.org says...

Starting to wonder if you're gently pulling our legs.

".. something like <br>". How similar to <br> should that "something" be? In
what way would it be similar?

Maybe read a recent book on using HTML and CSS together, and then frame clear
and well-defined questions for forums like this, for any remaining questions?
And focus on what you want to achieve, rather than spouting tag-salad in
rambling questions.

Folk here are not unhelpful. If you mean browser tabs, then that's not an HTML
or CSS issue, though the HTML "target=_blank" attribute will be worth
understanding.

--

Phil, London